Skip to content

Conversation

sibaiper
Copy link

@sibaiper sibaiper commented Oct 4, 2025

Summary

Fixes footer layout issue on very wide screens where the footer does not stick to the bottom of the page.

Problem

  • On large screens, the homepage layout leaves the footer floating above the bottom of the viewport.
  • This looks fine on normal screens, but on very wide screens the gap is obvious.

Screenshots:

  • Big screen (before): original_big_screen

  • Small/normal screen (before): original_small_screen

Changes Made

  • Set html and body to take up the full screen height.
  • Adjusted footer styling so it always sticks to the bottom.

Testing

  • Verified locally on normal and wide screens.
  • Layout works consistently across different viewport sizes.

Let me know if further adjustments are needed.

- make html & body take the whole screen
- push the footer all the way to the bottom
@sibaiper sibaiper requested a review from a team as a code owner October 4, 2025 19:06
Copy link

netlify bot commented Oct 4, 2025

Deploy Preview for expressjscom-preview ready!

Name Link
🔨 Latest commit 8c96d1c
🔍 Latest deploy log https://app.netlify.com/projects/expressjscom-preview/deploys/68e170390416fc000835c2cf
😎 Deploy Preview https://deploy-preview-2075--expressjscom-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

github-actions bot commented Oct 4, 2025

🚦 Lighthouse Results (Mobile & Desktop)

URL Device Perf A11y Best Practices
/ mobile 🔴 58 🟢 100 🟢 96
/en/blog/posts.html mobile 🟢 95 🟢 96 🟢 96
/en/5x/api.html mobile 🔴 74 🟢 95 🟢 96
/ desktop 🟢 98 🟢 100 🟢 96
/en/blog/posts.html desktop 🟢 99 🟢 96 🟢 93
/en/5x/api.html desktop 🟢 100 🟢 95 🟢 96

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant